<template>
  <div>
    <div id="aaa"></div>
    <button @click="print">打印</button>
    <button @click="print2">批量打印</button>

  </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      $hiprintTemplate: null,
      //提前定义好打印模板  barcodeData, count字段为自定义数据字段，需传入动态数据 panel
      // panel:

      //在data定义打印field字段数据
      printData: [
        { table: [{ NAME: '加多宝', SL: '1', DJ: '12' }] },
        { table: [{ NAME: '王老吉', SL: '2', DJ: '13' }] },
        { table: [{ NAME: '和其正', SL: '3', DJ: '14' }] },
      ]
    }
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      // 引入后使用示例
      this.$pluginName.init();
      // 下列方法都是没有拖拽设计页面的, 相当于代码模式, 使用代码设计页面
      // 想要实现拖拽设计页面,请往下看 '自定义设计'
      const $hiprintTemplate = new this.$pluginName.PrintTemplate({
        template: ``
      })

      this.$hiprintTemplate = $hiprintTemplate;
    },
    print() {
      //调用其中一种
      //打印11
      this.$hiprintTemplate.print({});
    },
    print2() {
      //直接打印，需要安装客户端
      this.$hiprintTemplate.print2({});
    },
    // 批量打印
    print3() {
      this.$hiprintTemplate.print(this.printData, {})
    }
  }
}

</script>